<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Response Plone Theme</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/styles.css" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <!--[if IE 8]>
      <link rel="stylesheet" href="css/ie8fixes.css" media="all" type="text/css" />
    <![endif]-->
    <!--[if lte IE 7]>
      <link rel="stylesheet" href="css/iefixes.css" media="all" type="text/css" />
    <![endif]-->
    <style type="text/css" media="screen"> </style>
  </head>
  <body class="schools">
    <div id="visual-portal-wrapper">
      <div id="portal-top" class="row">
        <div class="topPortlets">
          <div class="visualPadding">
            <div class="portletWrapper">
              <dl class="portlet portletStaticText">
                <dt class="portletHeader"><span><a class="tile" href="http://skins.quintagroup.com/">DEMO STATIC PORTLET</a></span></dt>
                <dd class="portletItem odd"><p>This is additional portlets manager area reserved for portlets. You can add any type of portlet instead of this one.</p></dd>
              </dl>
            </div>
          </div>
        </div>
        <div id="portal-header">
          <div id="portal-slogan">
            <span class="heightImmitator"></span><span>response design for website</span>
          </div>
          <a id="portal-logo" title="Site1" href="/"><span class="heightImmitator"></span><img src="images/logoSchools.gif" alt="" title="" height="71" width="402"></a>
          <div id="portal-personaltools-wrapper">
            <h5 class="hiddenStructure">Personal tools</h5>
            <dl class="actionMenu deactivated" id="portal-personaltools">
              <dt id="anon-personalbar"><a style="cursor: pointer;" class="link-overlay" rel="#pb_1" href="/login" id="personaltools-login">Log in</a></dt>
            </dl>
          </div>
        </div>
        <div id="portal-breadcrumbs">
          <span id="breadcrumbs-you-are-here">You are here:</span>
          <span id="breadcrumbs-home"><a href="/">Home</a></span>
        </div>
        <div id="portal-searchbox">
          <form name="searchform" id="livesearch0" action="/search">
            <div class="LSBox">
              <label class="hiddenStructure" for="searchGadget">Search Site</label>
              <input value="Search Site" name="SearchableText" size="18" title="Search Site" accesskey="4" class="searchField inputLabel inputLabelActive" id="searchGadget" type="text"><input class="searchButton" value="Search" type="submit">
              <div class="LSResult" id="LSResult" style=""><div class="LSShadow" id="LSShadow"></div></div>
            </div>
          </form>
          <div id="portal-advanced-search" class="hiddenStructure"><a href="/search_form" accesskey="5">Advanced Search…</a></div>
        </div>
        <ul id="portal-siteactions">
          <li id="siteaction-sitemap"><a href="/sitemap" accesskey="3" title="Site Map">Site Map</a></li>
          <li id="siteaction-accessibility"><a href="/accessibility-info" accesskey="0" title="Accessibility">Accessibility</a></li>
          <li id="siteaction-contact"><a class="link-overlay" rel="#pb_2" href="/contact-info" accesskey="9" title="Contact">Contact</a></li>
        </ul>
      </div>
      
      <div id="portal-columns" class="row">
        <div id="portal-column-content" class="cell width-1:2 position-1:4">
          <ul id="portal-globalnav">
            <li id="portaltab-index_html" class="selected"><a href="/" title="">Home</a></li>
            <li id="portaltab-news" class="plain"><a href="/news" title="Site News">News</a></li>
            <li id="portaltab-events" class="plain"><a href="/events" title="Site Events">Events</a></li>
            <li id="portaltab-Members" class="plain"><a href="/Members" title="Site Users">Users</a></li>
            <li id="portaltab-test-folder" class="plain"><a href="/test-folder" title="">Test Folder</a></li>
            <li id="portaltab-folder" class="plain"><a href="/folder" title="">Folder</a></li>
          </ul>
          <div id="viewlet-above-content">

            <div id="carousel-wrapper">
              <div id="carousel" class="carousel">
                <div class="carousel-banners">
                  <div class="carousel-banner carousel-banner-1 carousel-banner-active">
                    <span class="carousel-image">
                      <img src="images/content/carousel.jpg" alt="Carousel" />
                    </span>
                    <div class="carousel-text">
                      <span class="carousel-title">Lorem ipsum dolor sit amet</span>
                      <div class="carousel-body"><p>Vestibulum dignissim tortor sed orci egestas volutpa</p></div>
                    </div>
                    <div class="carousel-over"></div>
                  </div>
                </div>
                <div class="carousel-pager">
                  <a href="#" class="carousel-pager-item carousel-pager-item-1 carousel-pager-item-first carousel-pager-item-active">1</a>
                  <a href="#" class="carousel-pager-item carousel-pager-item-2 carousel-pager-item-last">2</a>
                </div>
              </div>
            </div>
            
          </div>
          <div class="documentContent ">
            <div id="content">
              <h1 class="documentFirstHeading">response Plone Theme</h1>
              
              <div id="plone-document-byline" class="documentByLine">
                <span class="documentAuthor">by <a href="#">admin</a> &mdash;</span>
                <span class="documentModified"><span>last modified</span> Aug 10, 2011 02:38 PM</span>
                <span id="content-history" class="contentHistory">&mdash; <a href="#" class="link-overlay" style="cursor: pointer;">History</a></span>
              </div>              
              
              <div class="documentDescription">Free skin for Plone</div>
              <p id="link-presentation"><a href="/presentation_view" rel="nofollow" class="link-presentation">Also available in presentation mode…</a></p>
              <div id="content-core">

                <div class="" id="parent-fieldname-text">
                  <blockquote class="pullquote">This skin was designed and developed on order of Haywood Community Schools, Waynesville, NC. Quintagroup was tasked to prepare the skin for free distribution presenting it for the Plone community. Much appreciation to Haywood County Schools and Michael S. Williams personally.</blockquote>
                  <p class="discreet">You can see the real look and feel of the Schools Plone Theme installed on Plone 3 website here. If you install the Theme on your Plone instance it will look exactly as it is on our website.</p>
                  <p>Starting from 4.0 version Schools Plone Theme is distributed as a Python Package and is available for download as a full egg. It contains all the Zope Page Templates, CSS and images with design implemented.</p>
                  <p>Use the following download links to get Schools Plone Theme for the Plone version you are using:</p>

                                
 

                  <pre>Schools Plone Theme is distributed with ZPL license.</pre>
                  <h2>Features</h2>
                  <ol>
                    <li>Front page includes image area with rotating photos. This works thanks to <b>Products.Carousel</b> product.</li>
                    <li>Additional portlet manager at the site top right area allows adding any type of portlet there.</li>
                    <li>Configurable top area height and second column width.</li>
                    <li>Changeable site width. Schools Plone Theme is optimized for <i>1024px</i> screen width.</li>
                  </ol>
                  <h3>Outdated Features</h3>
                  <p>The following are Schools Theme features supported up to 3.3.2 release:</p>
                  <ul>
                    <li>'Contact info' and 'School Links' static portlets, displaying information from the corresponding documents, were replaced by additional portlets manager starting from version 4.0.</li>
                    <li>The theme was initially designed to rotate photos randomly with every page reload. There were 2 views developed for that purpose: 'document_with_photo_view' view for pages and 'folder_with_photo_summary_view' for folders or smart folders.</li>
                    <li>Editable site slogan displayed under the photo. </li>
                    <li>'Weather Portlet' introduced for Plone 2.5 skin removed in 3.0 skin version.</li>
                  </ul>                  
                  <h2>Installation</h2>
                  <p class="callout">To install <b>Schools Plone Theme</b> - follow installation instructions provided in <b>INSTALL.txt</b> file within <b>/docs</b> directory of the theme package.</p>
                  <h2>Screencast</h2>
                  <p>You can watch <a href="http://quintagroup.com/cms/screencasts/schools-skin">Schools Plone Theme Screencasts</a> to learn how to use this skin on your Plone instance. Theme's basic features, installation instructions and main customizations are discussed there. You will learn how to manage site's carousel banners, how to use additional portlets manager, how to change top area image and logo.</p>
                  <p><span class="visualHighlight">Latest version of Schools Plone Theme for Plone 4 was tested in IE7, IE8, FF, Google Chrome, Safari 4, and Opera 10 on Windows platform.</span></p>
                  <h2>Your Input</h2>
                  <p>You can encourage us to produce more free skins for Plone by sharing your ideas about our work. Your feedback is highly appreciated - please take a minute to <a href="http://quintagroup.com/contact/testimonial/">leave a testimonial</a> for us. We need to know your opinion about Plone themes we develop.</p>
                  <p><i>You can also support our activity by ordering <a href="/order">skin customization</a> or completely <a href="http://quintagroup.com/services/web-design/order-plone-skins">new Plone Theme</a>. Look at the examples in our <a href="/gallery">Plone skins gallery</a>.</i></p>
                </div>

            </div>                                                                                    
            <div class="visualClear"><!-- --></div>
            <div class="documentActions">
              <h5 class="hiddenStructure">Document Actions</h5>
              <ul>
                <li id="document-action-print"><a title="" href="#">Print this</a></li>
                <li id="document-action-print"><a title="" href="#">Send this</a></li>
                <li id="document-action-full_screen"><a title="" href="#">Toggle full screen mode</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div id="viewlet-below-content">
          <div class="documentByLine" id="category">
            Filed under:
            <span><a rel="tag" class="link-category" href="#">tag2</a><span class="separator">,</span></span>
            <span><a rel="tag" class="link-category" href="#">tag1</a></span>
          </div>
        </div>
      </div>
      <div id="portal-column-one" class="cell width-1:4 position-0">
        <div class="visualPadding">
            <dl class="portlet portletNavigationTree">
              <dt class="portletHeader hiddenStructure"><a href="/sitemap" class="tile">Navigation</a></dt>
              <dd class="portletItem lastItem">
                <ul class="navTree navTreeLevel0">
                  <li class="navTreeItem visualNoMarker navTreeFolderish section-news">
                    <a href="/news" class="state-published navTreeFolderish contenttype-folder" title="Site News"><span>News</span></a>
                  </li>
                  <li class="navTreeItem visualNoMarker navTreeFolderish section-events">
                    <a href="/events" class="state-published navTreeFolderish contenttype-folder" title="Site Events"><span>Events</span></a>
                  </li>
                  <li class="navTreeItem visualNoMarker navTreeFolderish section-members">
                    <a href="/Members" class="state-published navTreeFolderish contenttype-folder" title="Site Users"><span>Users</span></a>
                  </li>

                  <li class="navTreeItem visualNoMarker navTreeItemInPath navTreeFolderish section-folder-1-level-1">
                    <a title="" class="state-published navTreeItemInPath navTreeFolderish contenttype-folder" href="#"><span>Folder 1 Level 1</span></a>
                    <ul class="navTree navTreeLevel1">
                      <li class="navTreeItem visualNoMarker navTreeFolderish section-folder-1-level-2">
                        <a title="" class="state-published navTreeFolderish contenttype-folder" href="#"><span>Folder 1 Level 2</span></a>
                      </li>
                      <li class="navTreeItem visualNoMarker navTreeItemInPath navTreeFolderish section-folder-2-level-2">
                        <a title="" class="state-published navTreeItemInPath navTreeFolderish contenttype-folder" href="#"><span>Folder 2 Level 2</span></a>
                        <ul class="navTree navTreeLevel2">
                          <li class="navTreeItem visualNoMarker navTreeFolderish section-folder-1-level-3">
                            <a title="" class="state-published navTreeFolderish contenttype-folder" href="#"><span>Folder 1 Level 3</span></a>
                          </li>
                          <li class="navTreeItem visualNoMarker navTreeCurrentNode navTreeFolderish section-folder-2-level-3">
                            <a title="" class="state-published navTreeCurrentItem navTreeCurrentNode navTreeFolderish contenttype-folder" href="#"><span>Folder 2 Level 3</span></a>
                          </li>
                        </ul>
                      </li>
                      <li class="navTreeItem visualNoMarker navTreeFolderish section-folder-3-level-2">
                        <a title="" class="state-published navTreeFolderish contenttype-folder" href="#"><span>Folder 3 Level 2</span></a>
                      </li>
                    </ul>
                  </li>

                  <li class="navTreeItem visualNoMarker navTreeFolderish section-folder">
                    <a href="/folder" class="state-published navTreeFolderish contenttype-folder" title=""><span>Folder</span></a>    
                  </li>
                </ul>
              </dd>
            </dl>
            <dl class="portlet portletLogin">
              <dt class="portletHeader"><a href="/login_form" class="tile">Log in</a></dt>
              <dd class="portletItem odd">
                <form action="/login_form" id="loginform" method="post">
                  <div class="field">
                    <label for="__ac_name">Login Name</label><br />
                    <input size="10" alt="Login Name" name="__ac_name" value="admin" id="__ac_name" type="text">
                  </div>
                  <div class="field">
                    <label for="__ac_password">Password</label><br />
                    <input size="10" alt="Password" name="__ac_password" id="__ac_password" type="password">
                  </div>
                  <div class="formControls"><input class="context" name="submit" value="Log in" alt="Log in" type="submit"></div>
                </form>
              </dd>
              <dd class="portletItem even">
                <a href="/mail_password_form" class="tile"><img src="images/content/info_icon.gif" alt="" title="" height="16" width="16">Forgot your password?</a>
              </dd>
            </dl>
            <dl class="portlet portletSearch">
              <dt class="portletHeader hiddenStructure">Search</dt>
              <dd class="portletItem">
                <form id="livesearch1" action="/search">
                  <div class="LSBox">
                    <input value="Search Site" autocomplete="off" class="inputLabel searchField portlet-search-gadget inputLabelActive" name="SearchableText" size="15" title="Search Site" type="text"><input class="searchButton" value="Search" type="submit">
                    <div class="LSResult" style="">
                      <div class="LSShadow"></div>
                    </div>
                  </div>
                </form>
                <div class="visualClear"><!-- --></div>
              </dd>
              <dd class="portletFooter">
                <a href="/search_form" class="tile">Advanced Search…</a>
              </dd>
            </dl>
        </div>
      </div>
      <div id="portal-column-two" class="cell width-1:4 position-3:4">
        <div class="visualPadding">

            <dl class="portlet portletNews">
              <dt class="portletHeader"><a href="/news" class="tile">News</a></dt>
              <dd class="portletItem odd">
                <a href="/example" class="tile" title="Expamle title">Sodales non, rutrum ut sem</a>
                <span class="portletItemDetails">Jun 24, 2011</span>
              </dd>
              <dd class="portletItem even">
                <a href="/example" class="tile" title="Expamle title">Volutpat non sodales non, rutrum ut sem</a>
                <span class="portletItemDetails">Jun 24, 2011</span>
              </dd>
              <dd class="portletItem odd">
                <a href="/example" class="tile" title="Expamle title">Donec turpis enim, volutpat non sodales non, rutrum ut sem</a>
                <span class="portletItemDetails">Jun 24, 2011</span>
              </dd>
              <dd class="portletFooter"><a href="/news">More news…</a></dd>
            </dl>

            <dl class="portlet portletEvents">
              <dt class="portletHeader"><a class="tile" href="#">Upcoming Events</a></dt>
              <dd class="portletItem odd">
                <a title="Duis ac sapien ut leo tristique dignissim ut a enim. Phasellus quis leo quis neque consectetur posuere." class="tile" href="#">Lorem ipsum dolor sit amet </a>
                <span class="portletItemDetails">
                  <span>Aug 09, 2011 - Aug 17, 2011</span>
                  <span>&mdash; Lviv</span>
                </span>
              </dd>
              <dd class="portletItem odd">
                <a title="Duis ac sapien ut leo tristique dignissim ut a enim. Phasellus quis leo quis neque consectetur posuere." class="tile" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
                <span class="portletItemDetails">
                  <span>Aug 09, 2011 - Aug 17, 2011</span>
                  <span>&mdash; Lviv</span>
                </span>
              </dd>
              <dd class="portletItem odd">
                <a title="Duis ac sapien ut leo tristique dignissim ut a enim. Phasellus quis leo quis neque consectetur posuere." class="tile" href="#">Lorem ipsum dolor sit amet </a>
                <span class="portletItemDetails">
                  <span>Aug 09, 2011 - Aug 17, 2011</span>
                  <span>&mdash; Lviv</span>
                </span>
              </dd>
              <dd class="portletFooter"><a class="tile" href="#">Upcoming events… </a></dd>
            </dl>

            <dl class="portlet portletCalendar">
              <dt class="portletHeader">
                <a href="/calendar-previous" rel="nofollow" title="Previous month" id="calendar-previous" class="kssCalendarChange kssattr-year-2011 kssattr-month-7 calendarPrevious">«</a>
                August 2011
                <a href="/calendar-next" rel="nofollow" title="Next month" id="calendar-next" class="kssCalendarChange kssattr-year-2011 kssattr-month-9 calendarNext">»</a>
              </dt>
                <dd class="portletItem">
                  <table summary="Calendar" class="ploneCalendar">
                    <caption class="hiddenStructure">August</caption>
                    <thead>
                      <tr class="weekdays">
                        <th scope="col">Su</th>
                        <th scope="col">Mo</th>
                        <th scope="col">Tu</th>
                        <th scope="col">We</th>
                        <th scope="col">Th</th>
                        <th scope="col">Fr</th>
                        <th scope="col">Sa</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr><td></td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr>
                      <tr><td>7</td><td>8</td>
                        <td class="todayevent"><strong><a title="Aug 09, 2011 16:20 - Exemple event" href="#">9</a></strong></td>
                        <td class="event"><strong><a title="Aug 10, 2011 16:20 - Exemple event" href="#">10</a></strong></td>
                        <td class="event"><strong><a title="Aug 11, 2011 16:20 - Exemple event" href="#">11</a></strong></td>
                        <td class="event"><strong><a title="Aug 12, 2011 16:20 - Exemple event" href="#">12</a></strong></td>
                        <td class="event"><strong><a title="Aug 13, 2011 16:20 - Exemple event" href="#">13</a></strong></td>
                      </tr>
                      <tr>
                        <td class="event"><strong><a title="Aug 10, 2011 16:20 - Exemple event" href="#">14</a></strong></td>
                        <td class="event"><strong><a title="Aug 10, 2011 16:20 - Exemple event" href="#">15</a></strong></td>
                        <td class="event"><strong><a title="Aug 10, 2011 16:20 - Exemple event" href="#">16</a></strong></td>
                        <td class="event"><strong><a title="Aug 10, 2011 16:20 - Exemple event" href="#">17</a></strong></td>
                        <td>18</td><td>19</td><td>20</td>
                      </tr>
                      <tr><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td></tr>
                      <tr><td>28</td><td>29</td><td>30</td><td>31</td><td></td><td></td><td></td></tr>
                    </tbody>
                  </table>                                  
                </dd>
              </dl>
              
        </div>
      </div>
    </div>
    <div id="portal-footer">
      <p><a href="http://skins.quintagroup.com/schools">Schools Plone Theme</a> by <a href="http://quintagroup.com">Quintagroup</a> © 2005-2012</p>
    </div>
  </div>
  <div class="themeComment hiddenStructure visualNoPrint">This is Schools Diazo Plone Theme</div>
</body>
</html>